<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Violet Theme - Free CSS Template</title>
<meta name="keywords" content="violet, web theme, free templates, website templates, CSS, HTML" />
<meta name="description" content="Violet Theme is a free CSS template provided by templatemo.com" />
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript">
			var flashvars = {};
			flashvars.xml_file = "photo_list.xml";
			var params = {};
			params.wmode = "transparent";
			var attributes = {};
			attributes.id = "slider";
			swfobject.embedSWF("flash_slider.swf", "flash_grid_slider", "440", "220", "9.0.0", false, flashvars, params, attributes);
</script>
        
<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/ddsmoothmenu.js">

/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

<script type="text/javascript">

ddsmoothmenu.init({
	mainmenuid: "templatemo_menu", //menu DIV id
	orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
	classname: 'ddsmoothmenu', //class added to menu's outer DIV
	//customtheme: ["#1c5a80", "#18374a"],
	contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

</script>
    
</head>
<body id="home">

<div id="templatemo_outer_wrapper">
    <div id="templatemo_wrapper">
    
        <div id="templatemo_header">
            <div id="site_title"><h1><a href="http://www.templatemo.com">Free CSS Templates</a></h1></div>
            <div id="templatemo_menu" class="ddsmoothmenu">
                <ul>
                    <li><a href="index.html" class="selected"><span></span>Home</a></li>
                    <li><a href="about.html"><span></span>About Us</a>
                        <ul>
                            <li><a href="submenupage.html">Sub menu 1</a></li>
                            <li><a href="submenupage.html">Sub menu 2</a></li>
                            <li><a href="submenupage.html">Sub menu 3</a></li>
                        </ul>
                    </li>
                    <li><a href="portfolio.html"><span></span>Portfolio</a>
                        <ul>
                            <li><a href="submenupage.html">Sub menu 1</a></li>
                            <li><a href="submenupage.html">Sub menu 2</a></li>
                            <li><a href="submenupage.html">Sub menu 3</a></li>
                            <li><a href="submenupage.html">Sub menu 4</a></li>
                            <li><a href="submenupage.html">Sub menu 5</a></li>
                        </ul>
                    </li>
                    <li><a href="blog.html"><span></span>Blog</a></li>
                    <li><a href="contact.html"><span></span>Contact</a></li>
                </ul>
                <br style="clear: left" />
            </div> <!-- end of templatemo_menu -->
            
            <div class="cleaner"></div>
        </div> <!-- end of templatemo header -->
        
        <div id="templatemo_middle">
            <div id="mid_slider">
                <div id="flash_grid_slider">
                    <a href="http://www.flashmo.com/preview/flashmo_224_grid_slider" target="_blank">
                        Flash XML Grid Slider
                    </a>
                    <br /><br />
                    <a href="http://www.adobe.com/go/getflashplayer">
                        <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
                    </a>
                </div>
            </div>
            <div id="mid_left">
                <div id="mid_title">
                    Lorem Ipsum Dolor Sit Amet
                </div>
                <p>Aliquam in odio ut ipsum mollis facilisis. Integer est sem, dignissim quis auctor vel, dapibus vel massa. Mauris ut dui ut massa porta luctus.</p>
                <div id="learn_more"><a href="#">Learn More</a></div>
            </div>
            <div class="cleaner"></div>
        </div> <!-- end of middle -->
        
        <div id="templatemo_main">
        
            <div class="col_w900">
                <div class="col_w580 float_l">
                    
                <div class="con_tit_01">Welcome <span>To Violet Theme</span></div>
                    <img src="images/templatemo_image_01.png" alt="Image 01" class="image_wrapper image_fl" />
                    <p><em>Donec pulvinar nibh id dolor mollis faucibus. Duis bibendum et malesuada pellentesque.</em></p>
                    <p>	<a href="http://www.templatemo.com">Violet Theme</a> is a free css template for your personal or commercial websites. Credits go to <a href="http://www.photovaco.com/" target="_blank">Free Photos</a> for photos and <a href="http://www.brushking.eu/361/abstract-brush-pack-vol-7.html" target="_blank">forty-winks</a> for brush. Quisque in diam a justo condimentum molestie. Vivamus leo velit, convallis id, ultrices sit amet libero. Nunc bibendum justo nec eros elementum auctor. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.</p>	
                    
                </div>
                <div class="col_w280 float_r">
                
                    <h2>Testimonial</h2>
                    <blockquote>
                    <p>In ac libero urna. Suspendisse sed odio ut mi auctor blandit. Duis luctus nulla metus. Mauris in mollis elit. Ut lobortis, quam eget volutpat vehicula, odio purus pretium velit, in facilisis lorem neque at sem.</p>
                    
                    <cite><a href="#">Steve</a><span> - Web Designer</span></cite>
                    </blockquote>
                
                </div>  
                <div class="cleaner"></div>   
            </div>
                    
            <div class="col_w900 col_w900_last">
                <div class="col_allw280 fp_service_box">
                    <div class="con_tit_02">Service 1</div>
                    <img src="images/onebit_08.png" alt="image" />
                    <p>Credit goes to <a href="http://www.icojoy.com" target="_blank">icojoy.com</a> for Onebit icons #2 used in this template. Etiam vel elit massa, sit amet.</p>
                    <a class="more" href="#">Detail</a>
                </div>
                <div class="col_allw280 fp_service_box">
                    <div class="con_tit_02">Service 2</div>
                    <img src="images/onebit_15.png" alt="image" />
                    <p>Sed ut tortor quis massa aliquam convallis at a justo. Mauris ipsum felis, consectetur non.</p>
                    <a class="more" href="#">Detail</a>
                </div>
                <div class="col_allw280 fp_service_box col_last">
                    <div class="con_tit_02">Service 3</div>
                    <img src="images/onebit_16.png" alt="image" />
                    <p>Curabitur sed lectus id erat viverra consectetur nec in sapien. Duis placerat et consectetur. </p>
                    <a class="more" href="#">Detail</a>
                </div>
                <div class="cleaner h60"></div>
                <div class="col_allw280 fp_service_box">
                    <div class="con_tit_02">Service 4</div>
                    <img src="images/onebit_17.png" alt="image" />
                    <p>Nulla ante ligula, ultricies eget congue ac, consectetur eget mauris. Integer gravida elementum sem. </p>
                    <a class="more" href="#">Detail</a>
                </div>
                <div class="col_allw280 fp_service_box">
                    <div class="con_tit_02">Service 5</div>
                    <img src="images/onebit_18.png" alt="image" />
                    <p>Vivamus sollicitudin euismod massa, non feugiat nulla egestas ut. Phasellus id tellus lectus.</p>
                    <a class="more" href="#">Detail</a>
                </div>
                <div class="col_allw280 fp_service_box col_last">
                    <div class="con_tit_02">Service 6</div>
                    <img src="images/onebit_19.png" alt="image" />
                    <p>Suspendisse metus felis, varius at euismod eu, egestas eu elit ante ipsum primis in orci luctus.</p>
                    <a class="more" href="#">Detail</a>
                </div>
                    
                <div class="cleaner"></div>
            </div>
            
            <div class="cleaner"></div>
        </div> <!-- end of main -->
    
    </div> <!-- wrapper -->
</div>

<div id="templatemo_footer_wrapper">
	<div id="templatemo_footer">
    
    	Copyright © 2048 <a href="#">Your Company Name</a> | <a href="http://www.iwebsitetemplate.com" target="_parent">Website Templates</a> by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a>
        
	</div>
</div>

</body>
</html>